<template>
    <div class="box">
        <div style="width: 100%;height: 6rem;background: white;color: black; display: flex;
        justify-content: center;
        align-items: center;;">
            <h3>个人中心</h3>
        </div>
 
        <div style="margin-top: 2rem;">
            <img src="../../../img/1.png" alt="" style=" width: 98%;">
        </div>

        <div style="margin-top: 2rem;">
            <van-cell title="地址管理" is-link />
            <van-cell title="我的优惠卷" is-link />
            <van-cell title="有限购买码" is-link />
        </div>

        <div style="margin-top: 2rem;">
            <van-cell title="常见问题" is-link />
            <van-cell title="服务支持" is-link />
        </div>


        <van-cell title="意外碎屏保修服务" is-link />


    </div>
</template>

<script setup>
import { useCounterStore } from '@/stores/counter'
// 在组件内部的任何地方均可以访问变量 `store` ✨
const store = useCounterStore()

store.getters()
</script>

<style lang="scss" scoped>
.box{
    width: 100%;
    height: 1005px;
    background: #eee;
}
</style>